<html>
    <head>
        <title>备份数据库</title>
        <meta name="layout" content="main" />
        <link rel="stylesheet" href="${createLinkTo(dir:'css',file:'flora.tabs.css')}"></link>
        <style type="text/css">
            <!--
            body{
                background:#ffffff;
                font-size:12px;
                font-family:Arial, Helvetica, sans-serif;
            }
            -->
        </style>
        <g:javascript src="jquery-1.2.4a.js" />
        <g:javascript src="ui.base.min.js" />
        <g:javascript src="ui.tabs.min.js" />
        <g:javascript>
            $(function(){
            //直接制作Tab菜单
            $("#container > ul").tabs();
            });
        </g:javascript>
    </head>
    <body>

        <div class="body">
            <h1>备份数据库</h1>
            <div id="container">
                <ul>
                    <li><a href="#fragment-1"><span>One</span></a></li>
                    <li><a href="#fragment-2"><span>Two</span></a></li>
                </ul>
                <div id="fragment-1">
                    <h3>备份数据库</h3>
                    <g:form action="backUp">
                        <input type="submit" value="备份数据库" />
                    </g:form>
                </div>
                <div id="fragment-2">
                    <h3>定时备份数据库</h3>
                    <g:form action="backUpTime">
                        <g:datePicker name="backTime" value="${new Date()}"></g:datePicker>
                        <br>
                        <input type="submit" value="定时备份数据库" />
                    </g:form>
                </div>
            </div>
        </div>
    </body>
</html>